<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON校验工具</title>
    <link rel="stylesheet" type="text/css" href="./index.css">
</head>
<body>
    <div class="container-box">
        <h1>格式化校验</h1>
        <div class="json-content">
            <textarea rows="10" cols="30" class="input-textarea" id="input-textarea" placeholder="在这里粘贴您需要进行格式化的JSON代码"></textarea>
        </div>
        <div>
            <button class="btn btn-primary" name="validate" data-ga="validate" id="validate">校验</button>
            <button class="btn" name="compress" data-ga="compress" id="compress">压缩</button>
            <button class="btn" name="copy" data-ga="copy" id="copy">复制</button>
        </div>
        <div class="with-icon alert-success alert" id="jsonlintBox">
            <pre class="content" id="jsonlintResult">正确的JSON</pre>
        </div>
    </div>
</body>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="./index.js"></script>
</html>